@font-face {
  font-family: "PingFangSC";
  src: url("~/assets/font/苹方黑体-准-简.ttf");
}

@font-face {
  font-family: "PingFangSC-Medium";
  src: url("~/assets/font/苹方黑体-中黑-简.ttf");
}

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("~/assets/font/YouSheBiaoTiHei-2.ttf");
}

//原来公共的
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "PingFangSC";
  overflow: hidden;
}

.full {
  width: 100%;
  height: 100%;
  // width: 7680px;
  // height: 1620px;
}

#__nuxt {
  width: 100%;
  height: 100%;
}

.left-panel-btn-box {
  position: absolute;
  left: 166px;
  top: 588px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 85px;
}

.right-panel-btn-box {
  position: absolute;
  right: 156px;
  top: 400px;
  min-height: 760px;
  // border: 1px solid red;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 85px;
}
.cusbtn {
  width: 115px;
  height: 115px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  // border: 1px solid red;
  .txt {
    width: 125px;
    position: absolute;
    display: flex;
    justify-content: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 3px;
    text-shadow: 0px 2px 20px #003369;
    bottom: -35px;
    text-align: center;
  }

  &:hover {
    opacity: 0.8;
  }
}

.sub-wnd {
  border: none !important;
  background-color: transparent !important;
  margin: 1px 0 0 1px;
  width: 100% !important;
  height: 100% !important;
}

.el-input__wrapper {
  box-shadow: none !important;
  border-radius: 0px;
}

.el-input__inner::placeholder {
  color: #ffffff80 !important;
}

.el-textarea__inner {
  border: none;
  box-shadow: none;
  border-radius: 0px !important;
}

.el-select__popper {
  border: 1px solid #197ec1 !important;
}

.el-select-dropdown {
  background-color: #197ec1;
  border-radius: 0;

  .el-select-dropdown__item {
    color: #ffffff;
  }
}

.el-select-dropdown .is-selected {
  background-color: #2b92d699;

  /* 你想要的颜色 */
  .el-select-dropdown__item {
    color: #ffffff;
  }
}

.el-select-dropdown .el-select-dropdown__item:hover {
  background-color: #2b92d6;
  color: #ffffff;
}

.el-select-dropdown__item.is-hovering {
  background-color: #2b92d6;
  color: #ffffff;
}

.el-button {
  border-radius: 0px;
  border: none;
  font-weight: 500;
  font-size: 14px;
  --el-button-hover-text-color: #ffffff;
}

.el-date-picker {
  --el-bg-color-overlay: #197ec1;
  --el-text-color-regular: #ffffff;
  --el-text-color-primary: #ffffff;

  .el-input {
    --el-input-text-color: #ffffff;
    --el-input-bg-color: #003d6399;
  }

  .el-button {
    --el-button-bg-color: #197ec1;
    --el-fill-color-blank: #00000066;
  }
}

.cusb1 {
  background: linear-gradient(
    0deg,
    rgba(11, 81, 127, 0.5) 0%,
    rgba(11, 81, 127, 0.5) 100%
  );
  color: #ffffff;
}

.cusb2 {
  background: linear-gradient(
    148deg,
    rgba(46, 233, 255, 0.72) 0%,
    #0f7bc4 100%
  );
  // box-shadow: 0px 2px 30px 0px #136e8c,
  //   inset 0px -8px 16px 0px rgba(192, 231, 255, 0.5);
  background-image: url("/public/images/btnZ.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #ffffff;
}

.cusb3 {
  background: linear-gradient(
    0deg,
    rgba(3, 62, 101, 0.74) 0%,
    rgba(11, 81, 127, 0.51) 100%
  );
  background-image: url("/public/images/btnZ.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #ffffff;
}

.mt20 {
  margin-top: 20px;
}

//滚动条样式
/*******************定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸***********************/
div::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  // height: .04rem;
  display: none;
}

/*定义滚动条轨道 内阴影+圆角*/
div::-webkit-scrollbar-track {
  border-radius: 0.03rem;
  /* background-color: rgb(255 255 255); */
  width: 2px;
  display: none;
}

/*定义滑块 内阴影+圆角*/
div::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #eee;
  border-radius: 2px;
  background: #ccc;
  display: none;
}

/*交叉方块*/
div::-webkit-scrollbar-corner {
  background-color: rgb(255 255 255);
  display: none;
}
